/*
 * bonus.css
 *
 */

.main {
    padding: 5%;
    font-size: 12px;
    h2 {
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 10px;
    }
    p {
        margin: 0;
    }

    .rule-list {
        margin: 10px 0;
        padding: 0;
        li {
            list-style-position: inside;
        }
    }
    .bonus-list {
        margin: 10px 0;
        padding: 0;
        li {
            float: left;
            width: 47.5%;
            padding: 10px;
            border-radius: 5px;
            margin-right: 5%;
            margin-bottom: 15px;
            list-style: none;
            background: rgba(255,255,255,0.2);
            color: #fff;
            text-align: center;
            &:nth-child(2n){
                margin-right: 0;
            }
            span {
                display: block;
                &.name {
                    height: 36px;
                }
            }
            img {
                display: block;
                margin: 5px auto;
            }
        }
    }
}
